<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
// When resizing the div that contains SVG, the SVG root element and rect resize
// accordingly.
function repaintTest() {
  target.style.width = "600px";
};
onload = runRepaintAndPixelTest;
</script>
<div id="target" style="width: 200px; height: 400px">
  <svg width='500' height='400' viewBox='0 0 500 400'
       style='width: 100%; height: 100%; will-change: transform;'>
    <rect width='500' height='400' fill='green'/>
  </svg>
</div>
